html,body{
    height: 100%;
}

@font-face{
    font-family: 'icon';
    src: url(../font/iconfont.eot) format('eot'),
    url(../font/iconfont.svg) format('svg'),
    url(../font/iconfont.ttf) format('ttf'),
    url(../font/iconfont.woff) format('woff');
}

.icon{
    font-family: 'icon';
}

.content{
    width: 1230px;
    margin: auto;
}

.all{
    height: 100%;
    .header{
        height: 70px;
        background: #c8251e;
        .content{
            height: 100%;
            display: flex;
            justify-content: space-between;
            background: url(../images/pc/logo.png) no-repeat left center;
            background-size: 159px 47px;
            h1{
                text-indent: -999px;
            }
            .hr{
                width: 770px;
                display: flex;
                justify-content: space-between;
                .nav{
                    width: 582px;
                    display: flex;
                    justify-content: center;
                    border-left: 1px solid #d2625e;
                    li{
                        width: 96px;
                        height: 100%;
                        border-right: 1px solid #d2625e;
                        text-align: center;
                        a{
                            font-size: 12px;
                            line-height: 70px;
                            color: #fff;
                        }
                    }
                    li:hover{
                        background: #414141;
                    }
                }
                .tel{
                    width: 186px;
                    height: 100%;
                    background: url(../images/pc/tel.png) no-repeat 20px 24px;
                    background-size: 26px 24px;
                    font-size: 12px;
                    line-height: 70px;
                    color: #fff;
                    font-weight: 600;
                    box-sizing: border-box;
                    padding-left: 60px;
                }
            }
            
        }
    }
    .banner{
        height: 500px;
        background: url(../images/pc/banner.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .main1{
        height: 570px;
        .content{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding-top: 50px;
            .jieshao{
                height: 205px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
                h2{
                    font-size: 32px;
                } 
                h3{
                    font-size: 26px;
                    color: #e60002;
                    font-weight: 800;
                }
                p{
                    font-size: 12px;
                    font-weight: 600;
                }
            } 
            .fuwu{
                width: 920px;
                display: flex;
                justify-content: space-between;
                margin-top: 66px;
                div{
                    width: 200px;
                    height: 186px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    align-items: center;
                    transition-delay: background 2s;
                }
                .d1{
                    background: url(../images/pc/20160818204902_46414.png) no-repeat center top;
                    background-size: 142px 142px;
                    font-size: 16px;
                }
                .d2{
                    background: url(../images/pc/20160818205246_25471.png) no-repeat center top;
                    background-size: 142px 142px;
                    font-size: 16px;
                }
                .d3{
                    background: url(../images/pc/20160818205329_25470.png) no-repeat center top;
                    background-size: 142px 142px;
                    font-size: 16px;
                }
                .d4{
                    background: url(../images/pc/20160818205400_95921.png) no-repeat center top;
                    background-size: 142px 142px;
                    font-size: 16px;
                }
                .d1:hover{
                    background: url(../images/pc/20160818204917_80717.png) no-repeat center top;
                    background-size: 142px 142px;
                }
                .d2:hover{
                    background: url(../images/pc/20160818205259_15898.png) no-repeat center top;
                    background-size: 142px 142px;
                }
                .d3:hover{
                    background: url(../images/pc/20160818205339_75592.png) no-repeat center top;
                    background-size: 142px 142px;
                }
                .d4:hover{
                    background: url(../images/pc/20160818205411_74101.png) no-repeat center top;
                    background-size: 142px 142px;
                }

            }
        }
    }
    .main2{
        height: 1107px;
        background: #f7f7f7;
        .content{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding-top: 56px;
            .title{
                height: 75px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                h2{
                    font-size: 28px;
                    color: #e7005e;
                }
                h3{
                    font-size: 32px;
                    font-weight: 300;
                }
            }
            .anli{
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-top: 101px;
                .case{
                    width: 391px;
                    height: 406px;
                    background: #fff;
                    border-bottom: 1px solid #ccc;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    box-sizing: border-box;
                    padding-bottom: 25px;
                    margin-bottom: 30px;
                    img{
                        width: 100%;
                        height: 318px;
                    }
                    .cb{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        box-sizing: border-box;
                        padding-left: 20px;
                        padding-right: 20px;
                        .cbl{
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            p:nth-child(1){
                                font-size: 18px;
                                font-weight: 800;
                            }
                            p:nth-child(2){
                                font-size: 12px;
                                color: #9c9899;
                            }
                        }
                        .cbr{
                            width: 24px;
                            height: 24px;
                            background: url(../images/pc/pc1/right-2.png) no-repeat center center;
                            background-size: 24px 24px;
                        }
                    }
                }
            }
        }
    }
    .main3{
        height: 303px;
        background: #ce0000;
        .content{
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            h2{
                font-size: 30px;
                color: #fff;
            }
            div:nth-child(2){
                width: 50px;
                height: 35px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            div:nth-child(3){
                width: 141px;
                height: 44px;
                border: 1px solid #fff;
                text-align: center;
                span{
                font-size: 10px;
                line-height: 44px;
                color: #fff;
                }
            }
        }
    }
    .main4{
        height: 637px;
        background: #e4e4e4;
        .content{
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding-top: 60px;
            padding-bottom: 60px;
            .nt{
                height: 138px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                h3{
                    font-size: 20px;
                    color: #848484;
                }
                h2{
                    font-size: 28px;
                    font-weight: 800;
                }
                .ntnav{
                    width: 234px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    span{
                        font-size: 16px;
                        font-weight: 700;
                    }
                }
                span:hover{
                    color: #d3011e;
                    font-weight: 700;
                }
            }
            .nb{
                height: 337px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .nbl{
                    width: 318px;
                    height: 337px;
                    background: #fff;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    img{
                        width: 100%;
                        height: 102px;
                    }
                    .nblm{
                        height: 68px;
                        display: flex;
                        justify-content: space-between;
                        box-sizing: border-box;
                        padding-left: 12px;
                        padding-right: 12px;
                        img{
                            width: 68px;
                            height: 100%;
                        }
                        .nblmr{
                            display: flex;
                            flex-direction: column;
                            justify-content: space-around;
                            .nmt{
                                font-size: 12px;
                                color: #d2001f;
                            }
                            .nmb{
                                height: 14px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                div:nth-child(1){
                                    font-size: 12px;
                                    background: url(../images/pc/rt.png) no-repeat left center;
                                    background-size: 15px 14px;
                                    box-sizing: border-box;
                                    padding-left: 20px;
                                    color: #676664;
                                }
                                div:nth-child(2){
                                    font-size: 12px;
                                    background: url(../images/pc/zy.png) no-repeat left center;
                                    background-size: 12px 12px;
                                    box-sizing: border-box;
                                    padding-left: 20px;
                                    color: #676664;
                                }
                            }
                        }
                    }
                    .article{
                        font-size: 12px;
                        line-height: 26px;
                        color: #818181;
                        text-indent: 8px;
                        box-sizing: border-box;
                        padding-left: 12px;
                        padding-right: 12px;
                        padding-bottom: 25px;
                    }
                }
                .nbr{
                    width: 774px;
                    column-count: 2;
                    margin-left: 30px;
                    .nbr1{
                        width: 376px;
                        height: 98px;
                        background: #fff;
                        display: flex;
                        justify-content: space-around;
                        .bg{
                            width: 58px;
                            height: 58px;
                            background:url(../images/pc/rl.png) no-repeat center center;
                            background-size: 58px 58px;
                        }
                        .wz{
                            width: 263px;
                            height: 58px;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            .p1{
                                font-size: 12px;
                                font-weight: 700;
                            }
                            .p2{
                                font-size: 12px;
                                line-height: 18px;
                                color: #ccc;
                            }
                        }
                    }
                    .nbr1:hover{
                        background: red;
                    }
                    .nbr1:hover .wz{
                        color: #fff;
                    }
                }
            }
        }
    }
    .footer{
        height: 100px;
        .content{
            height: 74px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }

}